	{% extends "base.html" %}
	{% block title %} Welcome to Text Minging Demo Site {% endblock %}
	{% block js%}
	<script type="text/javascript" src="site_media/js/d3.v2.js"></script>	
	<style>
		.background {
		  fill: #eee;
		}
		
		line {
		  stroke: #fff;
		}
		
		text.active {
		  fill: red;
		}
		
		
		svg {
		  font: 10px sans-serif;
		}
		aside {
		  font-size: small;
		  left: 1000px;
		  position: absolute;
		  width: 180px;
		}
	</style>
	{%endblock%}
	
	{% block head %}  Co-Occurence Graph {% endblock %}
	{% block content %}
		<aside style="margin-top:0px;">
		<p>Order: <select id="order">
		  <option value="name">by Name</option>
		  <option value="count">by Frequency</option>
		  <option value="group">by Cluster</option>
		</select>
		</p></aside>
		<div id=chart_div_parent style="margin-top:40px;"></div>
		<script src='site_media/js/d3cooccur.js' type='text/javascript'></script>
		<script type="text/javascript">
        window.onload = function(){
			drawMatrix(); 
		};			
		</script>
		
	{% endblock %}
	

	
	





	